.recommend-list-detil {
    background-color: rgb(237, 235, 235);


    // 顶部导航
    .nav {
        height: 50px;
        width: 100%;
        // background-color: blueviolet;
        display: flex;
        justify-content: space-around;

        .van-nav-bar {
            width: 10%;
        }

        .van-tabs {
            width: 90%;
            height: 100%;
        }
    }

    // 轮播图
    .swiper {
        .my-swipe .van-swipe-item {
            color: #fff;
            font-size: 20px;
            line-height: 150px;
            text-align: center;

            img {
                width: 100%;
                height: 380px;
            }
        }
    }

    // 文字介绍详情
    .detil {
        width: 100%;
        background-color: rgb(246, 246, 246);

        .detil-box {
            width: 90%;
            margin: auto;


            .detil-top {
                height: 30px;
                width: 100%;
                display: flex;
                justify-content: space-between;
                // background-color: aqua;
                align-items: center;
                padding-top: 15px;

                .img {
                    width: 20px;
                    height: 20px;

                    img {
                        height: 20px;
                        width: 20px;
                    }
                }

            }

            .detil-text {
                width: 100%;
                height: 40px;
                font-size: 12px;
                margin-top: 5px;
                color: rgb(155, 155, 155);
                // background-color: blueviolet;

                span {
                    margin-right: 4.5px;
                }
            }

            .detil-bottom {
                margin-top: 30px;
                height: 30px;
                width: 100%;
                // background-color: burlywood;
                display: flex;
                justify-content: space-between;
                align-items: center;

                span {
                    font-size: 20px;
                    margin-right: 10px;
                    color: red;
                }


            }

            .detil-bottom-right {

                .span {
                    color: rgb(79, 79, 79);
                    font-size: 12px;
                }
            }

        }
    }

    // 商品详情
    .goods-detil {
        margin-top: 10px;
        width: 100%;

        span {
            width: 100%;
            height: 50px;
            display: block;
            text-align: center;
            line-height: 50px;
            background-color: white;
            font-size: 16px;
            font-weight: 500;
        }

        .imgdetil {
            width: 100%;

            img {
                width: 100%;
            }
        }

        .setting {
            margin-top: 15px;
            background-color: white;

            span {
                display: block;
                width: 100%;
                height: 50px;
                font-size: 15px;
                font-weight: 550;
                // background-color: aquamarine;
            }

            div {
                text-align: center;
                height: 70px;
            }
        }
    }

    // 底部导航
    .tab {
        width: 100%;
        height: 50px;
        background-color: aquamarine;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .right-button {
            display: flex;
            justify-content: space-between;
            width: 200px;
            padding-left: 120px;
        }
    }

    // 固定购物车
    .cart {
        position: fixed;
        right: 20px;
        bottom: 150px;
        height: 30px;
        width: 30px;
        background-color: white;
        text-align: center;
        line-height: 30px;
        border-radius: 100px;
        border: 1px solid gray;
    }
}